<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/sixangele.css">
    <link rel="stylesheet" href="css/course_02.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2272347_tvlf0bppfh.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/public.js"></script>
</head>

<body>
    <script src="./public/header.js"></script>
    <!-- <div class="header"></div> -->
    <!-- 课程入口 -->
    <div class="container course_wrap clearfix">
        <div class="row course_content clearfix">

            <!-- 简介 -->
            <div class="col-md-5 col-md-offset-1 course_brief_wrap clearfix">
                <div class="page-header">
                    <h1 class="visible-xs text-center">全方位入门 git
                    </h1>
                    <h1 class="hidden-xs">全方位入门 git <br> <i class="add">&nbsp</i>
                    </h1>
                </div>

                <!-- 六边形章集合 -->
                <ul class="sixangle_wrap clearfix">
                    <li>
                        <a href="course_03.html"><span class="hex achieve"><span class="hexIn achieve">任务组一 </span><br>
                                <span>
                                </span></span></a>
                    </li>
                    <li>
                        <a href="course_03.html"><span class="hex ing"><span class="hexIn ing">任务组二</span></span></a>
                    </li>
                    <li>
                        <a href="course_03.html"><span class="hex"><span class="hexIn"><i
                                        class="iconfont icon-suo color_grey"></i><i
                                        class="iconfont  color_transport">任务组三</i></span></span></a>
                    </li>
                    <li>
                        <a href="course_03.html"><span class="hex"><span class="hexIn"><i
                                        class="iconfont icon-suo color_grey"></i><i
                                        class="iconfont  color_transport">任务组四</i></span></span></a>
                    </li>
                    <li>
                        <a href="course_03.html"><span class="hex"><span class="hexIn"><i
                                        class="iconfont icon-suo color_grey"></i><i
                                        class="iconfont  color_transport">任务组五</i></span></span></a>
                    </li>
                    <li>
                        <a href="course_03.html">
                            <span class="hex">
                                <span class="hexIn">
                                    <i class="iconfont icon-suo color_grey"></i><i
                                        class="iconfont  color_transport">任务组六</i>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="course_03.html"><span class="hex"><span class="hexIn"><i
                                        class="iconfont icon-suo color_grey"></i><i
                                        class="iconfont  color_transport">任务组七</i></span></span></a>
                    </li>
                </ul>
            </div>

            <!-- 单元章节 -->
            <div class="col-md-4 col-md-offset-1 section_wrap">
                <div class="row section_box">
                    <h3 class="section_title">任务组栏</h3>
                    <div class="list-group section_list">
                        <a class="list-group-item achieve" href="course_03.html">任务组一 课程导学
                            <span class="badge badge_grey"><i class="iconfont icon-zuanshi "
                                    style="color:#d4d110;"></i></span>
                        </a>
                        <a class="list-group-item ing" href="course_03.html">任务组二 git和githup基础操作
                            <span class="badge badge_grey"><i class="iconfont icon-zuanshi "
                                    style="color:#d4d110;"></i></span>
                        </a>
                        <a class="list-group-item" href="course_03.html">任务组三 独自使用git的基本操作</a>
                        <a class="list-group-item" href="course_03.html">任务组四 独自使用git的常见问题及解决方法</a>
                        <a class="list-group-item" href="course_03.html">任务组五 git多人分支集成协作时的常见场景</a>
                        <a class="list-group-item" href="course_03.html">任务组六 github拓展</a>
                        <a class="list-group-item" href="course_03.html">任务组七 课程总结</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./public/footer.js"></script>
</body>
<script>
    var hex = document.getElementsByClassName("list-group-item ")
    var hex1 = document.getElementsByClassName("hex ")
    var add = document.getElementsByClassName("add")[0]
    var suo = document.getElementsByClassName("iconfont icon-suo color_grey")
    var task = document.getElementsByClassName("iconfont  color_transport")


    for (let j = 0; j < hex.length; j++) {

        hex[j].onmouseover = function () {

            add.innerText = hex[j].innerText

        }

    }
    for (let j = 0; j < hex1.length; j++) {

        hex1[j].onmouseover = function () {

            add.innerText = hex[j].innerText


        }

    }
    for (let j = 0; j < task.length; j++) {
        task[j].style.display = "block"
        task[j].onmouseover = function () {

            task[j].style.display = "block"

        }

    }
</script>

</html>